Micron Document
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
| SparkN0de-git | SparkN0de |
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Node / ReticulumProjects / MeshChatX.git / files / tests / frontend / NetworkVisualiserToolbar.test.js

Displaying Raw • Download


tests/frontend/NetworkVisualiserToolbar.test.js b960db2e8bf87b96c14f6421402a16798d7a9ded (b960db2e) Text, 5.00 KB

Tff7b72import Tb4b4b4{ Te6edf3mountTb4b4b4, Te6edf3flushPromises Tb4b4b4} Tff7b72from Ta5d6ff"@vue/test-utils"Tb4b4b4;
Tff7b72import Tb4b4b4{ Te6edf3describeTb4b4b4, Te6edf3itTb4b4b4, Te6edf3expectTb4b4b4, Te6edf3afterEach Tb4b4b4} Tff7b72from Ta5d6ff"vitest"Tb4b4b4;
Tff7b72import Te6edf3NetworkVisualiserToolbar Tff7b72from Ta5d6ff"@/components/network-visualiser/internal/NetworkVisualiserToolbar.vue"Tb4b4b4;

Te6edf3describeTb4b4b4(Ta5d6ff"NetworkVisualiserToolbar"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72let Te6edf3wrapperTb4b4b4;

Te6edf3afterEachTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Te6edf3wrapperTff7b72?Tb4b4b4.Te6edf3unmountTb4b4b4(Tb4b4b4)Tb4b4b4;
Te6edf3wrapper Tff7b72= Tff7b72nullTb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3mountToolbar Tff7b72= Tb4b4b4(Te6edf3props Tff7b72= Tb4b4b4{Tb4b4b4}Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Te6edf3wrapper Tff7b72= Te6edf3mountTb4b4b4(Te6edf3NetworkVisualiserToolbarTb4b4b4, Tb4b4b4{
Te6edf3propsTff7b72: Tb4b4b4{
Te6edf3isShowingControlsTff7b72: Tff7b72trueTb4b4b4,
Te6edf3nodeCountTff7b72: T79c0ff12Tb4b4b4,
Te6edf3edgeCountTff7b72: T79c0ff8Tb4b4b4,
Te6edf3onlineInterfaceCountTff7b72: T79c0ff2Tb4b4b4,
Te6edf3offlineInterfaceCountTff7b72: T79c0ff1Tb4b4b4,
Te6edf3preferredRendererTff7b72: Ta5d6ff"auto"Tb4b4b4,
Te6edf3engineModeTff7b72: Ta5d6ff"wasm"Tb4b4b4,
Te6edf3fpsTff7b72: T79c0ff58Tb4b4b4,
Tb4b4b4...Te6edf3propsTb4b4b4,
Tb4b4b4}Tb4b4b4,
Tffa657globalTff7b72: Tb4b4b4{
Te6edf3mocksTff7b72: Tb4b4b4{ Te6edf3$tTff7b72: Tb4b4b4(Te6edf3kTb4b4b4, Te6edf3vTb4b4b4) Tb4b4b4=> Tb4b4b4(Te6edf3v Tff7b72? Ta5d6ff`Tffd700${Te6edf3kTffd700}Ta5d6ff:Tffd700${Tffa657JSONTb4b4b4.Te6edf3stringifyTb4b4b4(Te6edf3vTb4b4b4)Tffd700}Ta5d6ff` Tff7b72: Te6edf3kTb4b4b4) Tb4b4b4}Tb4b4b4,
Te6edf3stubsTff7b72: Tb4b4b4{
Te6edf3ToggleTff7b72: Tff7b72trueTb4b4b4,
Te6edf3TeleportTff7b72: Tff7b72trueTb4b4b4,
Te6edf3MaterialDesignIconTff7b72: Tb4b4b4{
Te6edf3propsTff7b72: Tb4b4b4[Ta5d6ff"iconName"Tb4b4b4]Tb4b4b4,
Te6edf3templateTff7b72: Ta5d6ff`Ta5d6ff<span class="mdi-stub" :data-icon="iconName"></span>Ta5d6ff`Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3directivesTff7b72: Tb4b4b4{
Ta5d6ff"click-outside"Tff7b72: Tb4b4b4{
Te6edf3mountedTb4b4b4(Tb4b4b4) Tb4b4b4{Tb4b4b4}Tb4b4b4,
Te6edf3unmountedTb4b4b4(Tb4b4b4) Tb4b4b4{Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3attachToTff7b72: Tffa657documentTb4b4b4.Te6edf3bodyTb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tff7b72return Te6edf3wrapperTb4b4b4;
Tb4b4b4}Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"keeps the control panel at a fixed sm width class"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3w Tff7b72= Te6edf3mountToolbarTb4b4b4(Tb4b4b4)Tb4b4b4;
Tff7b72const Te6edf3panel Tff7b72= Te6edf3wTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff".pointer-events-auto.border"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3panelTb4b4b4.Te6edf3classesTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"sm:w-[280px]"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3panelTb4b4b4.Te6edf3classesTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"sm:max-w-[280px]"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3panelTb4b4b4.Te6edf3classesTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3notTb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"sm:w-auto"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3panelTb4b4b4.Te6edf3classesTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3notTb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"sm:min-w-[280px]"Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"shows themed engine trigger and FPS without a native select"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3w Tff7b72= Te6edf3mountToolbarTb4b4b4(Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff"select"Tb4b4b4)Tb4b4b4.Te6edf3existsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72falseTb4b4b4)Tb4b4b4;
Tff7b72const Te6edf3trigger Tff7b72= Te6edf3wTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff"#visualiser-engine-select"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3triggerTb4b4b4.Te6edf3existsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3triggerTb4b4b4.Te6edf3elementTb4b4b4.Te6edf3tagNameTb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Ta5d6ff"BUTTON"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3triggerTb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"visualiser.renderer_option_auto_short"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wTb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"58"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wTb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"visualiser.fps"Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"opens custom engine menu and emits preferred renderer"Tb4b4b4, Tff7b72async Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3w Tff7b72= Te6edf3mountToolbarTb4b4b4(Tb4b4b4{ Te6edf3preferredRendererTff7b72: Ta5d6ff"auto"Tb4b4b4, Te6edf3engineModeTff7b72: Ta5d6ff"webgl" Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tff7b72await Te6edf3wTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff"#visualiser-engine-select"Tb4b4b4)Tb4b4b4.Te6edf3triggerTb4b4b4(Ta5d6ff"click"Tb4b4b4)Tb4b4b4;
Tff7b72await Te6edf3flushPromisesTb4b4b4(Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff'[role="listbox"]'Tb4b4b4)Tb4b4b4.Te6edf3existsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wTb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"visualiser.renderer_option_webgl"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wTb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"visualiser.renderer_option_vis"Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3options Tff7b72= Te6edf3wTb4b4b4.Te6edf3findAllTb4b4b4(Ta5d6ff'[role="option"]'Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3optionsTb4b4b4.Te6edf3lengthTb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(T79c0ff3Tb4b4b4)Tb4b4b4;
Tff7b72await Te6edf3optionsTb4b4b4[T79c0ff1Tb4b4b4]Tb4b4b4.Te6edf3triggerTb4b4b4(Ta5d6ff"click"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wTb4b4b4.Te6edf3emittedTb4b4b4(Ta5d6ff"update:preferredRenderer"Tb4b4b4)Tff7b72?Tb4b4b4.Tb4b4b4[T79c0ff0Tb4b4b4]Tb4b4b4)Tb4b4b4.Te6edf3toEqualTb4b4b4(Tb4b4b4[Ta5d6ff"webgl"Tb4b4b4]Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff'[role="listbox"]'Tb4b4b4)Tb4b4b4.Te6edf3existsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72falseTb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"styles trigger from active engine mode"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3webgl Tff7b72= Te6edf3mountToolbarTb4b4b4(Tb4b4b4{ Te6edf3engineModeTff7b72: Ta5d6ff"webgl"Tb4b4b4, Te6edf3preferredRendererTff7b72: Ta5d6ff"webgl"Tb4b4b4, Te6edf3fpsTff7b72: T79c0ff60 Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3webglTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff"#visualiser-engine-select"Tb4b4b4)Tb4b4b4.Te6edf3classesTb4b4b4(Tb4b4b4)Tb4b4b4.Te6edf3joinTb4b4b4(Ta5d6ff" "Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"text-sky-600"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3webglTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff"#visualiser-engine-select"Tb4b4b4)Tb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"visualiser.renderer_option_webgl_short"Tb4b4b4)Tb4b4b4;
Te6edf3webglTb4b4b4.Te6edf3unmountTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3fallback Tff7b72= Te6edf3mountToolbarTb4b4b4(Tb4b4b4{ Te6edf3engineModeTff7b72: Ta5d6ff"fallback"Tb4b4b4, Te6edf3preferredRendererTff7b72: Ta5d6ff"vis"Tb4b4b4, Te6edf3fpsTff7b72: T79c0ff0 Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3fallbackTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff"#visualiser-engine-select"Tb4b4b4)Tb4b4b4.Te6edf3classesTb4b4b4(Tb4b4b4)Tb4b4b4.Te6edf3joinTb4b4b4(Ta5d6ff" "Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"text-amber-600"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3fallbackTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff"#visualiser-engine-select"Tb4b4b4)Tb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"visualiser.renderer_option_vis_short"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3fallbackTb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"--"Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"uses MDI magnify for search and refresh for update button"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3w Tff7b72= Te6edf3mountToolbarTb4b4b4(Tb4b4b4{ Te6edf3isUpdatingTff7b72: Tff7b72falseTb4b4b4, Te6edf3isLoadingTff7b72: Tff7b72false Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tff7b72const Te6edf3icons Tff7b72= Te6edf3wTb4b4b4.Te6edf3findAllTb4b4b4(Ta5d6ff".mdi-stub"Tb4b4b4)Tb4b4b4.Te6edf3mapTb4b4b4(Tb4b4b4(Te6edf3nTb4b4b4) Tb4b4b4=> Te6edf3nTb4b4b4.Te6edf3attributesTb4b4b4(Ta5d6ff"data-icon"Tb4b4b4)Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3iconsTb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"magnify"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3iconsTb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"refresh"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3iconsTb4b4b4)Tb4b4b4.Te6edf3notTb4b4b4.Te6edf3toContainTb4b4b4(Tff7b72undefinedTb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"uses loading icon only for manual loading, not auto-update busy"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3autoBusy Tff7b72= Te6edf3mountToolbarTb4b4b4(Tb4b4b4{ Te6edf3isUpdatingTff7b72: Tff7b72trueTb4b4b4, Te6edf3isLoadingTff7b72: Tff7b72false Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tff7b72const Te6edf3autoIcons Tff7b72= Te6edf3autoBusyTb4b4b4.Te6edf3findAllTb4b4b4(Ta5d6ff".mdi-stub"Tb4b4b4)Tb4b4b4.Te6edf3mapTb4b4b4(Tb4b4b4(Te6edf3nTb4b4b4) Tb4b4b4=> Te6edf3nTb4b4b4.Te6edf3attributesTb4b4b4(Ta5d6ff"data-icon"Tb4b4b4)Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3autoIconsTb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"refresh"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3autoIconsTb4b4b4)Tb4b4b4.Te6edf3notTb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"loading"Tb4b4b4)Tb4b4b4;
Te6edf3autoBusyTb4b4b4.Te6edf3unmountTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3manualBusy Tff7b72= Te6edf3mountToolbarTb4b4b4(Tb4b4b4{ Te6edf3isUpdatingTff7b72: Tff7b72trueTb4b4b4, Te6edf3isLoadingTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tff7b72const Te6edf3manualIcons Tff7b72= Te6edf3manualBusyTb4b4b4.Te6edf3findAllTb4b4b4(Ta5d6ff".mdi-stub"Tb4b4b4)Tb4b4b4.Te6edf3mapTb4b4b4(Tb4b4b4(Te6edf3nTb4b4b4) Tb4b4b4=> Te6edf3nTb4b4b4.Te6edf3attributesTb4b4b4(Ta5d6ff"data-icon"Tb4b4b4)Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3manualIconsTb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"loading"Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;


──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────